<template>
    <div class="media-recorder">
        <nav-header>
            <div class="zh-h5-nav"></div>
        </nav-header>
        <!-- <transition name="fade" mode="out-in" v-if="activePanel === 'platform-check'" >
            <zh-teaching-platform-check />
        </transition> -->
        <!-- <transition name="fade" mode="out-in" v-if="activePanel === 'push-check'" >
            <zh-teaching-push-check />
        </transition> -->
        <transition name="fade" mode="out-in">
            <zh-teaching-push-check v-if="$store.state.platformInformation" />
            <zh-teaching-platform-check v-else />
        </transition>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                // activePanel: 'platform-check',
            }
        },
        methods: {
            // changePanel(panel) {
            //     this.activePanel  = panel;
            // },
        },
    }
</script>
<style lang="scss">
    .media-recorder {
        // .zh-h5-nav {
        //     .active {
        //         color: #fff;
        //     }
        // }
        // .zh-h5-nav > div {
        //     display: inline-block;
        //     height: 26px;
        //     line-height: 26px;
        //     margin-right: 10px;
        //     padding: 0 10px;
        //     cursor: pointer;
        // }
    }
</style>
